Summary by CodeRabbit

• Bug Fixes

  • Improved preservation of trailing content when pasting code to maintain proper formatting.

• Improvements

  • Adjusted sticky header positioning based on view mode (embedded vs. standard).
  • Disabled unnecessary height animations in code-only editors for a cleaner experience.

Walkthrough

Adds a stickyHeaderTop prop to PlaygroundConfigSection (defaulting to 48) so embedded vs. non-embedded callers can control sticky header offsets. Separately, the code editor paste utility is fixed to rebuild trailing lines from captured text content rather than cloned Lexical nodes, and height transition animations are disabled for codeOnly editor containers.

Changes

Configurable sticky header top offset

Code editor paste fix and animation suppression

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant SharedEditorImpl
  participant pasteUtils
  participant LexicalEditor

  User->>SharedEditorImpl: paste into code editor
  SharedEditorImpl->>pasteUtils: handleCodePaste(event, editor)
  pasteUtils->>LexicalEditor: read trailingLine.getTextContent() → trailingLineTexts[]
  pasteUtils->>LexicalEditor: remove trailing nodes, insert pasted lines
  loop each captured trailing text
    pasteUtils->>LexicalEditor: $createNodeForLineWithTabs(text, language)
    LexicalEditor-->>pasteUtils: fresh line node
    pasteUtils->>LexicalEditor: insertAfter(fresh line node)
  end
  LexicalEditor-->>SharedEditorImpl: updated editor state (no height transition for codeOnly)
  SharedEditorImpl-->>User: rendered code with trailing content preserved

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

❌ Failed checks (1 inconclusive)

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

• X
• Mastodon
• Reddit
• LinkedIn